<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>document对象方法(创建元素)</title>
</head>
<body>
    <div class="box1">
        <li>创建元素的方法</li>
        <ul>
            <li>document.createElement 方法用来生成元素节点，并返回该节点</li>
            <li>document.createTextNode 方法用来生成文本节点(Text 实例)，并返回该节点。它的参数是文本节点的内容</li>
            <li>document.createAttribute 方法用来个文本设置一个属性</li>
        </ul>
    </div>


    <script>
        //创建一个标签
        var text = document.createElement('p');
        //创建文本
        var content = document.createTextNode("我是文本");
        //创建属性
        var id = document.createAttribute("id");
        //设置属性名称
        id.value = "root";
        //appendchild将文本放进标签之中
        text.appendChild(content);
        //setAttributeNode将属性放进文本之中
        text.setAttributeNode(id);
        console.log(text);//<p id="root">我是文本</p>
        
        </script>
</body>

</html>